<script setup lang='ts'>
// 在script标签上拿到接收的数据，把defineProps赋值给一个变量
// defineProps 的返回值是一个对象
const propos = defineProps({
    car: String,
    callback: Function
})
console.log(propos.car);

const emit = defineEmits(['changeCar'])



</script>

<template>
    <div style="width: 300px; height: 200px; border: 5px solid red">子组件
        <span>--{{ car }}</span>
        <div>
            <button @click="emit('changeCar', '宝马')">换车</button>
        </div>
        <div>
            <button @click="callback('玛莎拉蒂')">换车(回调函数方式)</button>
        </div>
    </div>
</template>

<style scoped></style>